<!doctype html>
<html>
<head>
    <meta charset="UTF-8" />
    <title><?php echo $pageTitle;?></title>

    <link rel="stylesheet" type="text/css" href="css/style.css"/>
    <link rel="stylesheet" type="text/css" href="css/denyzoom.css"/>
    <!--[if lt IE 9]>
    <script src="dist/html5shiv.js"></script>
    <![endif]-->
    <!--[if lt IE 9]>
    <link rel="stylesheet" type="text/css" href="css/iebugs.css"/>
    <![endif]-->
    <script src="js/jquery-1.10.2.min.js"></script>
    <script src="js/main.js"></script>
    <script src="js/denyzoom.js"></script>

    <style>
        body {
            background-color: #f5e8d9;
        }
        #artist {
            color: red;
        }
        #t-shirts {
            color: red;
        }
        #copywrite {
            color: red;
        }
    </style>

    <script>
        //DELETE CLICK CONFIRMATION
        $(function() {
            $('.file_delete > a').click(function(e){
                if(confirm("Are you sure?"))
                {
                }
                else
                {
                    e.preventDefault();
                }
            });
        });

        // MOUSEOVER bigger picture (TOOLTIP EFFECT)
        $(function() {
            //alert('sad');
            var indentT = 15;
            var indentL = 15;
            $('.admin_pics > a').hover(function(e) {
                var href = $(this).attr("href");
                href = href.replace('/men/', '/men_small/');
                href = href.replace('/women/', '/women_small/');
                $('<img id="bigImage" src="' + href + '" alt="bigImage" style="position: absolute; border: 3px solid #ababab;"/>')
                    .css("top", e.pageY + indentT)
                    .css("left", e.pageX + indentL)
                    .appendTo("body");

            }, function(){
                $('#bigImage').remove();
            });
            $('a').mousemove( function(e){
                $('#bigImage').css("top", e.pageY + indentT).css("left", e.pageX + indentL);

            });
        });

    </script>
</head>
<body>


<!-- web header -->
<header id="container_header">


    <nav id="container_nav">

        <ul id="social_ul">
            <li><a href="index.php"> <img id="house" src="img/home.fw.png">
                    <img id="house1" src="img/home_orange.png"></a>
            </li><li><a href="sales.php">ПРОМОЦИИ</a>
            </li><li><a href="man.php">МЪЖЕ</a>
            </li> <li><a href="index.php" id="logo">
                    <span id="artist">ARTIST DESIGN</span> <span id="copywrite">©</span> <br/>
                    <span id="t-shirts">T-SHIRTS</span></a>


            </li> <li><a href="women.php">ЖЕНИ</a>
            </li><li><a href="aboutus.php">ЗА НАС</a>
            </li><li><a href="dostavka.php">ДОСТАВКА</a></li>
        </ul>

    </nav>

</header>
<div id="wrapper">

    <div id="facebook">
        <div class="line"></div>
        <div class="facebook_icons"><a href="https://www.facebook.com/ArtistDesignTShirtShop" target="_blank"><img class="fb_icon" src="img/facebook_icon.fw.png"> </a>   </div>
        <div class="facebook_icons">  <a href="#" target="_blank"> <img class="tw_icon" src="img/twitter_icon.fw.png"></a>  </div>
        <div class="facebook_icons">  <a href="#" target="_blank"><img class="go_icon" src="img/google_icon.fw.png"></a>  </div>
        <div class="line"></div>
    </div>